<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@taglib uri="http://www.springframework.org/tags" prefix="spring"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<title></title>
		<meta http-equiv="pragma" content="no-cache">
        <meta http-equiv="cache-control" content="no-cache">
        <meta http-equiv="expires" content="0">
		<link rel="stylesheet" type="text/css" href="<c:url value="/static/jquery-easyui/themes/default/easyui.css"/>">
		<link rel="stylesheet" type="text/css"
			href="<c:url value="/static/jquery-easyui/themes/icon.css"/>">
		<script type="text/javascript"
			src="<c:url value="/static/jquery-easyui/jquery-1.6.min.js"/>"></script>
		<script type="text/javascript"
			src="<c:url value="/static/jquery-easyui/jquery.easyui.min.js"/>"></script>
		<script type="text/javascript"
			src="<c:url value="/static/jquery-easyui/plugins/jquery.panel.js"/>"></script>
		<script type="text/javascript"
			src="<c:url value="/static/jquery-easyui/plugins/jquery.datagrid.js"/>"></script>
		<script type="text/javascript"
			src="<c:url value="/static/jquery-easyui/plugins/jquery.messager.js"/>"></script>
		<script type="text/javascript"
			src="<c:url value="/static/jquery-easyui/ext-for-framework.js.jsp"/>"></script>
		<script type="text/javascript" src="<c:url value="/static/jquery-easyui/locale/easyui-lang-zh_CN.js"/>"></script>	
		<script type="text/javascript"
			src="<c:url value="/static/js/common.js"/>"></script>		
		<script>
		
	function initList(listDisplayEId) {
		$('#' + listDisplayEId).datagrid(
				{
					nowrap : false,
					striped : true,
					collapsible : true,
					remoteSort : true,
					notSelectByRow : false,
					/* frozenColumns : [ [ {
						field : 'ids',
						checkbox : true
					} ] ], */
					toolbar : [
							{
								id : listDisplayEId + '_btn_add',
								text : '新增',
								iconCls : 'icon-add',
								handler : function() {
									window.open("<c:url value='/jsp/openIndexSun.jsp?url=/supplier/preSaveSupperCus.do'/>","sun","width=1200px,height=600px,status=no,scrollbars=yes");
									$('#'+listDisplayEId).datagrid('reload');
								}
							},
							{
                                id : listDisplayEId + '_btn_edit',
                                text : '修改',
                                iconCls : 'icon-edit',
                                handler : function() {
                                	var row = $('#' + listDisplayEId).datagrid('getSelections');
                                    if (row.length == 0) {
                                        $.messager.alert('提示', '请选择一条记录操作！', 'info');
                                        return;
                                    } else {
                                        window.open("<c:url value='/jsp/openIndexSun.jsp?url=/supplier/preUpdateSupperCus.do'/>"+"?shopId=" + row[0]['shopId'] +"&supId="+row[0]['supId'],"sun","width=1200px,height=600px,status=no,scrollbars=yes");
                                        $('#'+listDisplayEId).datagrid('reload');
                                    }
                                
                                }
                            },
							'-',
							{
								id : listDisplayEId + '_btn_del',
								text : '删除',
								iconCls : 'icon-cancel',
								handler : function() {

									var row = $('#' + listDisplayEId).datagrid('getSelections');
									if (row.length == 0) {
										$.messager.alert('提示', '请选择一条记录操作！', 'info');
										return;
									} else {
										var str = "shopId=" + row[0]['shopId'] +"&supId="+row[0]['supId'];
										$.messager.confirm('提示', '是否删除该条记录？', function(r) {
											if (r) {
												$.ajax({
													type : 'post',
													url : "<c:url value='/supplier/deleteShopSupplier.do'/>",
													data : str,
													dataType : "json",//设置查询参数及提交路径
													success : function(data) {
														if (data.success) {
															$.messager.alert("提示", "删除成功！", 'info');
															$('#' + listDisplayEId).datagrid('reload');
														} else {
															$.messager.alert("提示", data.msg, 'warning');
														}
													},
													error : function() {
														$.messager.alert("错误", "系统错误，请联系管理员！", 'error');
													}
												});
											}
											$('#' + listDisplayEId).datagrid('reload');
										});
									}

								}
							} ],
					onLoadError : function() {
						$.messager.alert('错误', '获取数据失败，请与管理员联系！', 'error');
					},
					onClickRow : function(rowIndex) {
						$(".myrad").prop("checked", false);
						$(".myrad").eq(rowIndex).prop("checked", true);
					}
				});

	};
	$(document).ready(function() {
		initList('listDisplay');
	});
	function formatRadio(value,rowData,rowIndex){
		return value="<input type='radio' class='myrad'  name='radiouser' />";
	}
	function searchInfo(){
		
		if($('#supId').combobox('getValue') ==''){
			$('#listDisplay').datagrid('load', {
				supId : 0,
				shopName : $('#shopName').val()
			}); 
		}else{
			
			$('#listDisplay').datagrid('load', {
				supId : $('#supId').combobox('getValue'),
				shopName : $('#shopName').val()
			});  
		}
	}
	$(function() {        
        // 下拉框选择控件，下拉框的内容是动态查询数据库信息  
        $('#supId').combobox({   
            url:"<c:url value='/store/pulldownSupId.do?space=1'/>",   
            editable:false, //不可编辑状态  
            cache: false,  
            valueField:'supId',     
            textField:'supName',  
        });      
    }); 
</script>
</head>

<body>

	<table width="98%">
		<tr>
			<td>
				<div
					style="height: auto; width: 1180px; background: #fafafa; padding: 5px;"
					class="easyui-panel" title="查询" iconCls="icon-search"
					collapsible="true" minimizable="false" maximizable="false"
					closable="false">
					<form id="searchForm" name="searchForm" method="post"
						action="userlist.txt"
						onsubmit="return searchDGData(this.id,'listDisplay');">
						<div>
							<table cellpadding="5">
								<tr>
								
									<td>商店名</td>
									<td><input class="easyui-validatebox" name="shopName" id="shopName" editable="false"  /></td>
									
									<td>供货商</td>
									<td><input class="easyui-combobox" name="supId" id="supId" editable="false"  /></td>
									
									<td><input type="button" onclick="searchInfo()" value="查询"></td>
								</tr>
							</table>
						</div>
					</form>
				</div>
			</td>
		</tr>

	<tr><td>
	<table id="listDisplay" title="供应商店长关系列表" 
			iconCls="icon-list" singleSelect="true" idField="shopSpplierId"
			url="<c:url value="/supplier/findsupCus.do"/>" loadMsg="请稍候......"
			pagination="true" pageSize="20"
			pageList="[10,20,30,40,50,100]" sortName="foodId"
			rownumbers="true" sortOrder="asc">
		<thead>
			<tr>
				<th field="userRole" width="25" align="center" formatter="formatRadio">
				</th>
				<th field="shopSpplierId" width="80" sortable="true" hidden="true">
					ID
				</th>
				<th field="shopId" width="80" sortable="true" editor="text">
					客户id
				</th>
				<th field="shopName" width="80" sortable="true" editor="text">
					客户名
				</th>
				<th field="supId" width="80" sortable="true" editor="text">
					供货商id
				</th>
				<th field="supName" width="140" sortable="true" editor="text">
					供货商名
				</th>
				<th field="supTypeAll" width="300" sortable="true" editor="text" >
					供货商种类
				</th>
			</tr>
		</thead>
	</table>
	</td></tr>
	</table>
</body>
</html>